<style>
.fe-mod {
    height: auto;
    border: 0px;
    position: relative;
}
.fe-mod-9-menu {
    background: #44abf7;
}
.fe-mod:hover {
    border: 0px;
}
.fui-icon-group .fui-icon-col .icon {
    height: 68px;
    margin: auto;
    text-align: center;
    line-height: 68px;
}
.fui-icon-group .fui-icon-col .icon i {
    color: #aaa;
    font-size: 58px;
}
.group-top {
    border-top: 0px solid #d9d9d9;
	background: inherit; margin-top: 10;
}
.footer {
	height:68px;padding:20px;width:100%
}
.footer p{
	margin:0;
	font-size: 0.5rem;
}
</style>
<div ng-if="pagedata.op=='get'">
<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox">
		<div ng-repeat="nav in pagedata.info.hdps" ng-class="{'item':true,'active':$index==0}">
			<a href="{{nav.url}}">
				<img ng-src="{{tomedia(nav.picurl)}}" style="display: block; width: 100%; height: auto;"/>
			</a>
		</div>
	</div>
	<style>
            .fui-swipe-page .fui-swipe-bullet {background: #fff;}
            .fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
    </style>
	<div id="carousel-jinyun" class=" fui-swipe-page" style="bottom: 10px; ">
		<div class="fui-swipe-bullet" ng-repeat="nav in pagedata.info.hdps" data-target="#carousel-container" data-slide-to="{{$index}}" ng-class="{'active':$index==0}"></div>
	</div>
</div>
<div class="group-top">
     <div class="fui-list jump text-center">
                <a class="fui-list-inner" href="">
                    <div class="title" style="color: #333333;">没有比这更全面的小程序功能</div>
                     <div class="subtitle" style="color: #666666;">我们的每个小程序的背后 都有一系列你看不见的深度功能支撑</div>
                 </a>
      </div>
</div>
<div class="row" style="background-color:#fff;">
			<div class="jy-3">
				<div class="page-header margin0" style="margin-left:20px;margin-top:20px">
					<h4 style="margin-bottom:2px">电商交易</h4>
					<p class="subtitle">e-commerce</p>
				</div>
				<div class="list-group" style="padding:px;padding-top:;padding-left:">
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						小程序商城
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						多级分销
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						拼团活动
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						电商O2O
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						收银支付
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						超市/配送
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						多商户
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						区域代理
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						整点秒杀
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						商品直播
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						淘宝/京东客
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						店铺装修
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						手机端管理
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						全民股东
					</a>
				</div>
			</div>
			<div class="jy-3">
				<div class="page-header margin0" style="margin-left:20px;margin-top:20px">
					<h4 style="margin-bottom:2px">行业应用</h4>
					<p class="subtitle">apply</p>
				</div>
				<div class="list-group" style="padding:px;padding-top:;padding-left:">
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						食堂点餐
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						餐饮外卖
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						酒店预订
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						服务预约
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧店铺
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						微信挪车
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧社区
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧城市
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧论坛
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧直播
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						萌娃投票
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						快递配送
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						微信二手车
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧物流
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧教育
					</a>
				</div>
			</div>
			<div class="jy-3">
				<div class="page-header margin0" style="margin-left:20px;margin-top:20px">
					<h4 style="margin-bottom:2px">会员互动</h4>
					<p class="subtitle">marketing</p>
				</div>
				<div class="list-group" style="padding:px;padding-top:;padding-left:">
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						宣传展示
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						新闻资讯
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						活动表单
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						留言咨询
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						互动营销
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						小程序游戏
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						微信会员卡
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						会员时/次卡
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						礼品卡/卡券
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						生日营销
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						节日营销
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						消费唤醒
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						RFM营销
					</a>
				</div>
			</div>
</div>
<div class="group-top">
     <div class="fui-list jump text-center">
                <a class="fui-list-inner" href="">
                    <div class="title" style="color: #333333;">没有比这更深度的行业应用</div>
                     <div class="subtitle" style="color: #666666;">电商零售 餐饮 酒店 美业深度的行业应用 不做流于表面的小程序</div>
                 </a>
      </div>
</div>
<div class="fui-icon-group  col-2 selecter" style="border-top: 0px;">
	<div class="fui-icon-col external" ng-repeat="item in pagedata.info.biaoqian" style="margin:0;padding:3px;">
		 <div style="background-color: #44abf7;padding:15px;">
			<a href="{{item.url}}">
				<div class="badge"></div>
				<div class="icon icon-green"><i class="fa {{item.icon}}" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">{{item.title}}</div>
				<div class="text" style="color: #fff;">{{item.desc}}</div>
			</a>
		 </div>
	</div>
</div>
<div class="group-top" style="margin-bottom:60px">
     <div class="fui-list jump text-center">
                <a class="fui-list-inner" href="">
                    <div class="title" style="color: #333333;">99%的人都选错了小程序</div>
                     <div class="subtitle" style="color: #666666;">如果你选择的行业小程序满足不了上面功能，就放弃吧！</div>
                 </a>
      </div>
</div>
</div>
<div ng-if="pagedata.op=='list'">
<div class="fui-list-group" style="margin-top: 0rem;border-top: 0px;margin-bottom:60px">
	<div class="list-number" ng-repeat="item in pagedata.info.anlis">
			<a class="fui-list " ng-click="pagedata.title=item.title;pagedata.ewm=item.ewm" data-toggle="modal" data-target="#followewm">
					<div class="fui-list-media">
							<img class="round" ng-src="{{tomedia(item.picurl) || '../core/resource/images/nopic.jpg'}}">
					</div>
					<div class="fui-list-inner">
							<div class="title" style="font-size: 0.7rem;">{{item.title}}</div>
							<div class="text">{{item.desc}} ... ...</div>
					</div>
					<div class="fui-list-angle">
							<div class="btn btn-success block">查看</div>
					</div>
			</a>
	</div>
	<div id="followewm"  class="modal fade" tabindex="-1" style="z-index:99999;display:none;">
		<div class="modal-dialog" style="margin-bottom:216px">
				<div class="wap-qrcode-container">
					<button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
					<p class="example1">{{pagedata.title || '没有命名'}}</p>
					<div class="wap-qrcode-image">
						<img ng-src="{{tomedia(pagedata.ewm) || '../core/resource/images/nopic.jpg'}}"/>
					</div>
					<p class="example1">长按二维码关注</p>
				</div>
		</div>
	</div>
	<div class="group-top" ng-if="pagedata.info.anlis.length == 0">
		 <div class="fui-list jump text-center">
					<a class="fui-list-inner">
						<div class="title" style="color: #333333;">该分类下暂无案例小程序</div>
						 <div class="subtitle" style="color: #666666;">有些可能还没有添加哦，联系客服了解更多！</div>
					 </a>
		  </div>
	</div>
</div>
</div>